.home {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(268deg, #f1ffb6 0%, #cef5af 100%);
}
.home .nut-badge__content {
  border: 1px solid #ffffff;
  box-sizing: border-box;
}
.home .nut-actionsheet__cancel {
  margin-top: 0;
  height: 48px;
  font-size: 18px;
}
.active-content {
  width: 100%;
  height: 435px;
  background-image: url('/images/home/bg_home_jq.png');
  background-size: 100% 100%;
  position: relative;
}
.puzzle-grid {
  position: relative;
  width: 337px;
  display: flex;
  flex-wrap: wrap;
}

.puzzle-grid-6 {
  width: 366px;
}
.puzzle-piece {
  position: relative;
}
.puzzle-num {
  position: absolute;
  color: #105506;
  font-size: 12px;
  bottom: 4px;
}
.piece-1 {
  width: 117px;
  height: 72px;
}
.piece-1 .puzzle-num {
  right: 19px;
}

.piece-2 {
  width: 117px;
  height: 87px;
  transform: translateX(-15px);
}
.piece-2 .puzzle-num {
  right: 19px;
  bottom: 16px;
}
.piece-3 {
  width: 102px;
  height: 72px;
  transform: translateX(-30px);
}
.piece-3 .puzzle-num {
  right: 4px;
  bottom: 0;
}
.piece-4 {
  width: 102px;
  height: 101px;
  transform: translate(0, -30px);
}
.piece-4 .puzzle-num {
  right: 4px;
  bottom: 19px;
}
.piece-5 {
  width: 132px;
  height: 71px;
  transform: translate(-15px, -15px);
}
.piece-5 .puzzle-num {
  right: 19px;
  bottom: 4px;
}
.piece-6 {
  width: 102px;
  height: 101px;
  transform: translate(-30px, -30px);
}
.piece-6 .puzzle-num {
  right: 4px;
  bottom: 19px;
}
.piece-7 {
  width: 117px;
  height: 72px;
  transform: translate(0, -45px);
}
.piece-7 .puzzle-num {
  right: 19px;
  bottom: 4px;
}
.piece-8 {
  width: 117px;
  height: 87px;
  transform: translate(-15px, -60px);
}
.piece-8 .puzzle-num {
  right: 19px;
  bottom: 4px;
}
.piece-9 {
  width: 102px;
  height: 72px;
  transform: translate(-30px, -45px);
}
.piece-9 .puzzle-num {
  right: 4px;
  bottom: 4px;
}
.puzzle-grid-6 .puzzle-num {
  position: absolute;
  color: #105506;
  font-size: 12px;
  bottom: 4px;
}
.puzzle-grid-6 .piece-1 {
  width: 123px;
  height: 112px;
}
.puzzle-grid-6 .piece-1 .puzzle-num {
  right: 19px;
}
.puzzle-grid-6 .piece-2 {
  width: 124px;
  height: 128px;
  transform: translateX(-17px);
}
.puzzle-grid-6 .piece-2 .puzzle-num {
  right: 19px;
  bottom: 16px;
}
.puzzle-grid-6 .piece-3 {
  width: 107px;
  height: 112px;
  transform: translateX(-33px);
}
.puzzle-grid-6 .piece-3 .puzzle-num {
  right: 4px;
  bottom: 0;
}
.puzzle-grid-6 .piece-4 {
  width: 107px;
  height: 128px;
  transform: translate(0, -32px);
}
.puzzle-grid-6 .piece-4 .puzzle-num {
  right: 4px;
  bottom: 19px;
}
.puzzle-grid-6 .piece-5 {
  width: 138px;
  height: 112px;
  transform: translate(-16px, -16px);
}
.puzzle-grid-6 .piece-5 .puzzle-num {
  right: 19px;
  bottom: 4px;
}
.puzzle-grid-6 .piece-6 {
  width: 108px;
  height: 128px;
  transform: translate(-32px, -32px);
}
.puzzle-grid-6 .piece-6 .puzzle-num {
  right: 4px;
  bottom: 19px;
}

.home-detail ol {
  padding-left: 10px;
  list-style: decimal;
  gap: 6px;
  display: grid;
}

/* 4张卡片的样式 */

.puzzle-grid-4 .puzzle-num {
  position: absolute;
  color: #105506;
  font-size: 12px;
  bottom: 4px;
}
.puzzle-grid-4 .piece-1 {
  width: 176px;
  height: 112px;
}
.puzzle-grid-4 .piece-1 .puzzle-num {
  right: 19px;
}
.puzzle-grid-4 .piece-2 {
  width: 161px;
  height: 112px;
  transform: translateX(-17px);
}
.puzzle-grid-4 .piece-2 .puzzle-num {
  right: 19px;
  bottom: 16px;
}
.puzzle-grid-4 .piece-3 {
  width: 161px;
  height: 128px;
  transform: translate(0, -16px);
}
.puzzle-grid-6 .piece-3 .puzzle-num {
  right: 4px;
  bottom: 0;
}
.puzzle-grid-4 .piece-4 {
  width: 176px;
  height: 128px;
  transform: translate(-17px, -16px);
}
.puzzle-grid-4 .piece-4 .puzzle-num {
  right: 4px;
  bottom: 19px;
}
